<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/v2/console/common/taglibs.jsp"%>
<%@ include file="image_data.jsp"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	String contextPath = request.getContextPath();
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=1" id="viewport" name="viewport" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		<link rel="stylesheet" href="${path}/xkh_version_2/iconfont/iconfont.css" />
		
		<link rel="stylesheet" type="text/css" href="${path}/xkh_version_2/css/style.css" />
		<title>校园资源</title>
	</head>
	<style>
		 nav{
	        position:fixed;
	        left:0;
	        bottom:0;
	        
	     }
	     .wrapper{
	       margin-bottom:50px;
	     }
	     .pullUpLabel{
	     	text-align:center;
	     	margin-top: 10px;
	     }
    </style>
	<body>
		 <div id="wrapper" >
		  	<ul id="list" class="new_content" >
		  		
		  	</ul>
		  	<div id="pullUp" class="">  
	       		 <div class="pullUpLabel">加载更多</div>  
	        </div>
		  </div>
		  <input type="hidden" id="page" name="page" value="1">
		</div>
		<!--底部条-->
		<nav class="foot-bar-tab">
			<a class="foot-tab-item foot-active" href="${path }/home/index.html">
				<span class="foot-icon foot-icon-home"></span>
				<span class="foot-tab-label">首页</span>
			</a>
			<a class="foot-tab-item" href="${path}/prompt/prompt.html">
				<span class="foot-icon foot-icon-pub"></span>
				<span class="foot-tab-label">发布</span>
			</a>
			<a class="foot-tab-item" href="${path}/prompt/prompt.html">
				<span class="foot-icon foot-icon-bus"></span>
				<span class="foot-tab-label">已选</span>
			</a>
			<a class="foot-tab-item" href="${path }/home/getmyInform.html">
				<span class="foot-icon foot-icon-person"></span>
				<span class="foot-tab-label">我的</span>
			</a>
		</nav>
	</body>
	<script type="text/javascript" src="${path}/xkh_version_2/js/jquery-2.1.0.js" ></script>
	<script type="text/javascript" src="${path}/xkh_version_2/js/iscroll.probe.min.js" ></script>
	<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<link rel="stylesheet" href="${path}/xkh_version_2/css/dropload.css" />
	<script type="text/javascript" src="${path}/xkh_version_2/js/dropload.min.js" ></script>
	<script type="text/javascript">
	
	
	function loading(){
		 //获取当前浏览器url全路径,如: http://zhoubang85.com/chooseWXPay.jsp
		var baseP = "<%=basePath%>";
		var title=document.title;
       var client = window.location.href;
       var rPath='<%=contextPath%>/skillUser/getJSConfig.html';
		//请求后台，获取jssdk支付所需的参数
		$.ajax({
			type : 'post',
			url : rPath,
			dataType : 'json',
			data : {
				"clientUrl" : client
			//当前页面所在的浏览器URL全路径,由于该支付为jssdk支付，所以需要url地址.参与后台sign签名
			},
			cache : false,
			error : function() {
				alert("系统错误，请稍后重试");
				return false;
			},
			success : function(data) {
				//微信支付功能只有微信客户端版本大于等于5.0的才能调用
				var return_date = eval(data);
				if (parseInt(data[0].agent) < 5) {
					alert("您的微信版本低于5.0无法使用微信支付");
					return;
				}
				//JSSDK支付所需的配置参数，首先会检查signature是否合法。
				wx.config({
					debug : !true, //开启debug模式，测试的时候会有alert提示
					appId : return_date[0].appId, //公众平台中-开发者中心-appid
					timestamp : return_date[0].config_timestamp, //时间戳
					nonceStr : return_date[0].config_nonceStr, //随机字符串,不长于32位
					signature : return_date[0].config_sign, //这里的signature是后台使用SHA1签名算法得出，不是MD5，与下面的wx.chooseWXPay中的paySign不同，下面的paySign是后台使用MD5加密得出
					jsApiList : [ 'onMenuShareAppMessage','onMenuShareTimeline' ]
				});

				//上方的config检测通过后，会执行ready方法
				wx.ready(function() {
					
					wx.onMenuShareAppMessage({
					    title: title, // 分享标题
					    desc: "校咖汇,校园资源共享平台!", // 分享描述
					    link: client, // 分享链接
					    imgUrl: baseP+'wapstyle/img/logosss.png', // 分享图标
					    type: '', // 分享类型,music、video或link，不填默认为link
					    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
					    success: function () { 
					        // 用户确认分享后执行的回调函数
					    },
					    cancel: function () { 
					        // 用户取消分享后执行的回调函数
					    }
					});
					wx.onMenuShareTimeline({
					    title: title, // 分享标题
					    desc: "校咖汇,校园资源共享平台!", // 分享描述
					    link: client, // 分享链接
					    imgUrl: baseP+'wapstyle/img/logosss.png', // 分享图标
					    type: '', // 分享类型,music、video或link，不填默认为link
					    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
					    success: function () { 
					        // 用户确认分享后执行的回调函数
					    },
					    cancel: function () { 
					        // 用户取消分享后执行的回调函数
					    }
					});


				});
				wx.error(function(res) {
					//alert(res.errMsg);
				});
			}
		});
		
	};
	
$(function(){
			loading();
		    var page = 0;//页码数
		    var pageNum = 10;//页面条数
		    // dropload函数接口设置
		     $('.scroller').dropload({
		        scrollArea : window,
		        // 2 . 上拉加载更多 回调函数
		        loadDownFn : function(me){
		        	page=parseInt($("#page").val());
		            $.ajax({
	            	    url:'moreNewPeopleAjax.html',
	            	    type:'POST', //GET
	            	    async:false,    //或false,是否异步
	            	    data:{"pageCurrent":page},
	            	    dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
	            	    success:function(data){
	            	    	var li=""; 
	            	    	for(var j = 0; j < data.users.length; j++){
	            	    		//?id='+userid+'
	            	    		if(data.users[j].headPortrait==""){
	            	    			li += 
		            	    			'<li class="ctt_new">'+
			            	    			'<a href="javascript:getUserInfo('+data.users[j].id+')">'+
											'<div class="new_pic"><img src="${path}/wapstyle/img/logoaaa.jpg" class="search_pic" /></div>'+
											'<span class="new_title1">'+data.users[j].nickname+'</span>'+
											'<span class="new_title2">'+data.users[j].schoolName+'</span>'+
											 '<a>'+
										'</li>';
	            	    		}else{
	            	    			li += 
		            	    			'<li class="ctt_new">'+
			            	    			'<a href="javascript:getUserInfo('+data.users[j].id+')">'+
											'<div class="new_pic"><img src="'+data.users[j].headPortrait+'" class="search_pic" /></div>'+
											'<span class="new_title1">'+data.users[j].nickname+'</span>'+
											'<span class="new_title2">'+data.users[j].schoolName+'</span>'+
											 '<a>'+
										'</li>';
	            	    		}
	            	    		
									
	                        	};
	                        	
	                        // 为了测试，延迟1秒加载
                            setTimeout(function(){
                            	
                            	 if(data.users.length < pageNum){//表示已经下拉结束了
    	                        	 // 再往下已经没有数据
    	                        	 $(".pullUpLabel").text("没有更多数据");
    	                            // 锁定
    	                            me.lock();
    	                            // 显示无数据
    	                            me.noData();
    	                        	
    	                        }
    	                        if(data.users.length == pageNum){
    	                        	$("#page").val(page+1);
    	                        	$(".pullUpLabel").text("加载更多");
    	                        }
                            	
                                // 加载 插入到原有 DOM 之后
                                $('#list').append(li);
                                // 每次数据加载完，必须重置
                                me.resetload();
                            },100);
	            	    },
	            	    error:function(){
	            	    	alert('Ajax error!');
	                        // 即使加载出错，也得重置
	                        me.resetload();
	            	    }
	            	})
		        },
		        threshold : 50 // 什么作用???
		    }); 
		});
		
		
		function getUserInfo(id){
			 //$("#page").val("0");
			window.location.href="${path}/home/getUserInfo.html?id="+id;
		}
		</script>

</html>
